<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>  
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<html>  
<head>  
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
   <title>Proyecto</title>  
</head>  
<body> 
<f:view>  
   <h:form>  
       <h2>Nuevo registro</h2>  
       <table>  
           <tr>  
               <td>Nombre:</td>  
               <td><h:inputText value="#{WebManagedBean.product.name}" /></td>  
           </tr>  
           <tr>  
               <td>Precio:</td>  
               <td><h:inputText value="#{WebManagedBean.product.price}" /></td>  
           </tr>  
           <tr>  
               <td></td>  
               <td>  
                   <h:commandButton action="#{WebManagedBean.newProduct}" value="Crear"/>  
               </td>  
           </tr>  
       </table>  
 
       <h2>Listado</h2>  
       <h:dataTable value='#{WebManagedBean.data}' var='dataTableItem'>  
           <h:column>  
               <f:facet name="header">  
                   <h:outputText value="Nombre"/>  
               </f:facet>  
               <h:outputText value="#{dataTableItem.name}"/>  
           </h:column>  
           <h:column>  
               <f:facet name="header">  
                   <h:outputText value="Fecha"/>  
               </f:facet>  
               <h:outputText value="#{dataTableItem.currentTime}">  
                   <f:convertDateTime pattern="dd/MM/yyyy HH:mm aaa" />  
               </h:outputText>  
           </h:column>  
           <h:column>  
               <f:facet name="header">  
                   <h:outputText value="Precio"/>  
               </f:facet>  
               <h:outputText value="#{dataTableItem.price}"/>  
           </h:column>  
           
           <h:column>  
               <f:facet name="header">  
                   <h:outputText value="Actualizar"/>  
               </f:facet>  
               <h:commandButton action="#{WebManagedBean.gotoUpdate}" value="A"/>  
           </h:column>  
           <h:column>  
               <f:facet name="header">  
                   <h:outputText value="Borrar"/>  
               </f:facet>  
               <h:commandButton action="#{WebManagedBean.deleteProduct}" value="X"/>  
           </h:column>  
       </h:dataTable>  
   </h:form>  
</f:view>  
 

</body>  
</html> 